<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body {
				font-size: 15px;
			}
			.boxN {
				width: 400px;
				height: 20px;
				border: 10px solid #0F0;
			}

			.box {
				/*float: left;*/
				display: block;
				position: absolute;
				top: 50px;
				left: 50px;
				margin: 50px;
				padding: 50px;
				border: 20px solid #F00;
				width: 150px;
				height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="boxN">上边的元素</div>
		<div>左部文本 <span style="border: #0066cc 1px solid"><span class="box">内联元素的文字</span></span>右部文本</div>
		<div class="boxN">下边的元素</div>
	<div><script language="javascript">

	</script></div></body>
</html>
